

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="layout" content="main" />
        <title>${story.title}</title>
    </head>
    
    <body>
    
    <div class="body">
  

		<h1>${story.title}</h1>

		<g:if test="${flash.message}">
			<div class="message">${flash.message}</div>
		</g:if>
            
        	<table>
                  
            	<tr>
            		<td width="90%">
            			${story.body}
            		</td>
                    <td>
					    ${story.videoUrl}
            		</td>
                </tr>

                
                <tr>
					<td colspan="2">
						
						<!-- include default image -->
						<img src="/smf/images/${story.defaultPictureName}" height="100"/>
						
						<!-- iterate thru all pictures for this story -->
						<g:each var="storyImage" in="${story.storyImage}">
							<g:link controller="storyImage" action="show" id="${storyImage.id}">
								<img src="/smf/images/${storyImage.pictureName}" height="100"/>
							</g:link>
						</g:each>

					</td>
                </tr>
          
          	</table>

            
            <div class="buttons">
                <g:form>
                	<span class="menuButton">
                		<g:link action="list">Back to Success Stories</g:link>
                	</span>
                </g:form>
            </div>
            
            
        </div>
        
        
    </body>
</html>
